<div @click="handleClick('/>')">
    sone Text
    <h1>Test Title</h1>
    {
        [1, 2, 3, 4].map( index => <p> Block 1!</p>)
    }
    {
        [1, 2, 3, 4].map( index => <p>Block 2!
            { [1, 2, 3, 4].map( index => <span>Block 3!</span>) }</p>)
    }
    <ComponentA @click="HandleClick({name: 'Jack'})"
                :value="value"
                checked
                attr="<ComponentB></ComponentB>"></ComponentA>
    <ComponentA.Child @click="HandleClick({name: 'Jack'})"
                :value="value" checked
                attr="<ComponentB></ComponentB>">
        Hello
    </ComponentA.Child>
    <ComponentB>
        @click="HandleClick({name: 'Jack'})"
        :value="value" checked
        attr="<ComponentB></ComponentB>"
    </ComponentB>
    line1
    line2
    line3
</div>